<template>
  <div>
    <a-space size="middle" class="search-reset-btn">
      <!-- <el-form-item> -->
      <a-button v-if="!isResetBtn"> {{ cancelTxt }} </a-button>
      <a-button type="primary" html-type="submit"> {{ submitTxt }} </a-button>
      <!-- <el-button :size="size" type="primary" @click="submitForm">{{
      submitTxt
    }}</el-button>
    <el-button
      v-if="!isResetBtn"
      :size="size"
      type="primary"
      plain
      @click="resetForm"
      >{{ cancelTxt }}</el-button
    > -->
      <!-- </el-form-item> -->
    </a-space>
  </div>
</template>
<script>
export default {
  name: "SearchBtnGroup",
  props: {
    submitTxt: {
      type: String,
      default: "搜 索",
    },
    cancelTxt: {
      type: String,
      default: "重 置",
    },
    size: {
      type: String,
      default: "medium",
    },
    isResetBtn: {
      type: Boolean,
      default: false,
    },
  },

  methods: {
    submitForm() {
      this.$emit("submitForm");
    },
    resetForm() {
      this.$emit("resetForm");
    },
  },
};
</script>